doctype
html
    head
        meta(charset="utf-8")
        title #{title}
        link(href="/css/admin.css",rel="stylesheet")
        link(href='//cdn.bootcss.com/webuploader/0.1.1/webuploader.css', rel='stylesheet')
    body.sub-body
        .pos-rlt.p-md
            span 首页
            em >
            span 编辑案例
        .p-md.m-top
            .panel.panel-default
                .panel-body
                    .tab_t
                        span.a.active 编辑课程
                .pane-body.atricle-form
                    form(action="/admin/casesSave",method="post")
                        input(type="hidden",name="_id",value="#{cases._id}")
                        .form-group.m-h-n.clearfix
                            label.control-label 课程名称：
                            .col-sm-6
                                input.form-control(type="text",name="title",value='#{cases.title}')
                        .form-group.m-h-n.clearfix
                            label.control-label 课程摘要：
                            .col-sm-6
                                textarea.form-control(rows="5",name="remark") #{cases.remark}
                        .form-group.m-h-n.clearfix
                            label.control-label 课程费用：
                            .col-sm-5
                                input.form-control(name="price",value="#{cases.price}")
                        .form-group.m-h-n.clearfix
                            label.control-label 所属分类：
                            .col-sm-2
                                select.select#select_type(name="typeId")
                                    if cases.typeId == 1
                                        option(value="1",selected="selected") 特种作业操作证
                                    else
                                        option(value="1") 特种作业操作证
                                    if cases.typeId == 2
                                        option(value="2",selected="selected") 职业资格证
                                    else
                                        option(value="2") 职业资格证
                                    if cases.typeId == 3
                                        option(value="3",selected="selected") 建筑类
                                    else
                                        option(value="3") 建筑类
                                    if cases.typeId == 4
                                        option(value="4",selected="selected") 技师/高级技师证
                                    else
                                        option(value="4") 技师/高级技师证
                        .form-group.m-h-n.clearfix
                            label.control-label TAG分类：
                            .col-sm-5.checkbox_category
                                input#_tagName(type="hidden",name="tag",value="#{cases.tag}")
                                if cases.tag
                                    p(style="padding-bottom:10px;") 已选：
                                        span#tagVal(style="color:#0499D0") #{cases.tag}
                                each item,index in category
                                    label.ui-checks(data-val='#{item.CateName}')
                                        each _item,_index in casesTag
                                            if _item === item.CateName 
                                                input(type="checkbox",checked="checked",name="_tagName",value="#{item.CateName}",class="input #{_item === item.CateName?'active':'label'}")
                                            else 
                                                input(type="checkbox",name="_tagName",value="#{item.CateName}",class="input #{_item === item.CateName?'active':'label'}")
                                        i.ti-check
                                        | #{item.CateName}        
                                //- each item,index in category
                                //-         label.ui-checks
                                //-             input(type="checkbox",name="_tagName",value="#{item.CateName}")
                                //-             i.ti-check
                                //-             | #{item.CateName}                  
                        .form-group.m-h-n.clearfix
                            label.control-label 缩略图：
                            .col-sm-9
                                input#imgPath(type="hidden",name="imgPath",value="#{casesImg}")
                                #filePicker
                                #imgsrc.imgpath
                                    if casesImg != ''
                                        each item in casesImg
                                            .item <img src="#{item}"><span class="del"></span>
                        .form-group.m-h-n.clearfix
                            label.control-label 附件上传：
                            .col-sm-9
                                input#_dataLinkPicker(type="hidden",name="dataLink",value="#{cases.dataLink}")
                                #dataLink.dataLink #{cases.dataLink}
                                #dataLinkPicker
                        .form-group.m-h-n.clearfix
                            label.control-label 报名地址：
                            .col-sm-5
                                input.form-control(name="address",value="#{cases.address}")
                        .form-group.m-h-n.clearfix
                            label.control-label 报名人数：
                            .col-sm-5
                                input.form-control(name="numberPeople",value="#{cases.numberPeople}")
                        .form-group.m-h-n.clearfix
                            label.control-label 证书鉴定：
                            .col-sm-5
                                input.form-control(name="appraisal",value="#{cases.appraisal}")
                        .form-group.m-h-n.clearfix
                            label.control-label 推荐到首页:
                            .col-sm-6
                                label.ui-switch.bg-danger.m-t-xs
                                    if cases.isIndex
                                        input(type="checkbox",name="isIndex",checked="checked")
                                    else
                                        input(type="checkbox",name="isIndex")
                                    i
                        .form-group.m-h-n.clearfix
                            label.control-label 职业介绍：
                            .col-sm-10
                                #editormd(style="margin:0")
                                    textarea#editor-intro(style="width:100%;border:none;height:500px;",name="intro") #{cases.intro}
                        .form-group.m-h-n.clearfix
                            label.control-label 报考指南：
                            .col-sm-10
                                #editormd2(style="margin:0")
                                    textarea#editor-guide(style="width:100%;border:none;height:500px;",name="guide") #{cases.guide}
                        .form-group.m-h-n.clearfix
                            label.control-label
                            .col-sm-6
                                .submit_type.t-l
                                    button.btn.btn-sm.btn-danger(type="submit") 提交

        script(src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js",type="text/javascript")
        script(src='//cdn.bootcss.com/webuploader/0.1.1/webuploader.js')
        script(src="/js/adminBase.js",type="text/javascript")
        script(src="/ueditor/ueditor.config.js",type="text/javascript")
        script(src="/ueditor/ueditor.all.min.js",type="text/javascript")
        script(src="/ueditor/lang/zh-cn/zh-cn.js",type="text/javascript")
        script(src='/js/h5webuploader.js')
        script.
            $(function () {
                var _TagName = $('#_tagName').val().split(',');
                UE.getEditor('editor-intro');
                UE.getEditor('editor-guide');
                var $fileList = $.isEmptyObject($("#imgPath").val()) ? [] : $("#imgPath").val().split(",");
                $("#filePicker").uploads({
                    fileNumLimit: 10,
                    $fileList: $fileList,
                    pick: {
                        multiple: true
                    }
                });
                $("#dataLinkPicker").uploads({
                    fileNumLimit: 10,
                    name: '文件上传',
                    accept: {
                        title: '文件上传',
                        extensions: 'doc,docx',
                        mimeTypes: 'application/msword,aplication/zip'
                    },
                });
                 $('.ui-checks').each(function(){
                     var _input = $(this).find('.input')
                     var _label = $(this).find('.label')
                    //-  console.log(_label)
                     _label.not(':first').remove()
                     if(_input.hasClass('active')){
                         _input.not('.active').remove()
                     }
                })
                //TAG分类
                $("input[name='_tagName']").on('change', function () {
                    var _val = $(this).val()
                    if (_TagName.indexOf(_val) < 0) {
                        _TagName.push(_val)
                    } else {
                        _TagName.splice(_TagName.indexOf(_val), 1)
                    }
                    $('#_tagName').val(_TagName.join(','))
                    $('#tagVal').text(_TagName.join(','))
                })
            });